@import url("reset.css");
/* butn */
.butn{ display:inline-block; padding:5px 20px; border:1px #ddd solid; background:#efefef; text-align:center; vertical-align:middle; line-height:1.5 !important;}
.butn:hover{ background:#ddd; color:#666;}
.butn-green{ background:#73b52d; color:#fff; border:1px #73b52d solid;}
.butn-green:hover{ background:#4e9800; color:#fff;border:1px #4e9800 solid;}
.butn-orange{ background:#fbc04f; color:#fff; border:1px #fbc04f solid;}
.butn-orange:hover{ background:#ffa800; color:#fff;border:1px #ffa800 solid;}
.butn-blue{ background:#00734E; color:#fff; border:1px #00734E solid;}
.butn-blue:hover{ background:#00b7ee; color:#fff;border:1px #00b7ee solid;}
.butn-l{ padding:5px 40px;font-size:14px;}
.butn-b{ padding:10px 35px; font-size:16px;}
.butn-s{ padding:2px 20px;font-size:12px;}
.butn-min{ padding:2px 10px;font-size:12px;}
.butn-r3{ border-radius:3px;}
.butn-r5{ border-radius:5px;}
.butn-r10{ border-radius:10px;}

.butn-follow{ background:#fff url(../images/icon-ay.png) no-repeat 10px center; padding-left:28px; }
.butn-follow:hover{ background:#fff url(../images/icon-ay.png) no-repeat 10px center; color:#fa7d3c;}
.butn-followed{ background:#fff url(../images/icon-y.png) no-repeat 10px center; padding-left:28px;}
.butn-followed:hover{ background:#f5f5f5 url(../images/icon-y.png) no-repeat 10px center; color:#333;}

.wrap, .footer, .nav,#banner{ clear:both; margin:0 auto;}
.wrap{ max-width:1200px; position:relative; margin:0 auto;}
#demo2{ display:none;}
.pronav li{ float:left;}
.pronav li a{ display:block; background:#369; color:#FFF; text-align:center; padding:10px 20px; margin:30px 5px 0;}
.pronav li a:hover{ background:#E89E00;}
.pronav li a.cur{ background:#E89E00;}
@media (max-width:767px) {
#demo1{ display:none;}
#demo2{ display:block;}
.wrap{ padding:0 10px;}
.nav .wrap{ padding:0;}
.clearfix2{ display:none;}
}

#banner{ margin-bottom:10px;}
#banner2{ margin-bottom:10px; height:230px; overflow:hidden;}
#banner li a dl{ position: absolute;display:block; width:100%; padding-top:7%; top:1rem;}
#banner li a dl dt{ text-align:center;color:#FF640E; font-size:2.4rem;  font-weight:bold;}
#banner li a dl dd{text-align:center;color:#fff; }
#banner li a dl dd p{ margin-top:3rem; font-size:1rem;}
#banner a span{ text-align:center; position: absolute; color:#fff; top:0px; display:block; width:100%; font-size:1.5rem; clear:both;font-family:Arial, Helvetica, sans-serif;padding-top:12%; }
.banner{ position:relative;}
.banner .pic{}
.banner .pic img{ width:100%;}
.banner .txt{color:#fff; position:absolute; top:40px; left:40px; padding:20px; opacity: 1;filter: alpha(opacity=100);}
.banner .txt h1{ font-size:2em; color:#FFF;}
.banner .txt h5{ font-size:0.9em; font-weight:normal;}
.aboutdl{ margin:50px auto;}
.aboutdl dl{ width:18%; float:left; color:#fff; height:230px; margin:0 1%;}
.aboutdl dl dt{ text-align:center; font-size:40px; font-weight:bold; border-bottom:#FFF 1px dotted;}
.aboutdl dl dd{ padding:20px;}

.busdl{ margin:20px auto;}
.busdl dl{ width:19%; float:left; color:#fff; margin:0 0.5%;border-radius:10px;}
.busdl dl dd{ padding:20px; font-size:14px; text-align:center;}
@media (max-width:999px) {
/*.banner .txt{ top:auto; bottom:-2em; width:100%; text-align:center; padding: 0;}
.banner .txt h1{ font-size:1.2em; line-height:2em;}
.banner .txt h5{ display:none;}
.banner .pic{}*/
.banner .txt{ display:none;}
}
@media (max-width:767px) {
.banner .wrap{ padding:0;}
}
.bottomMenu{ /*background:#393939;*/ color:#aaa; font-size:0.875em; padding:15px 0; border-top:2px #4e4e4e solid; background:url(../images/footer_bg.jpg) top center no-repeat;}
.bottomMenu dl{ float:left; width:80px; border-right:1px #494949 solid; padding:0 10px; line-height:24px; text-align:center;}
.bottomMenu dl dt,.bottomMenu dl dt a{ color:#fff; font-weight:bold; margin-bottom:10px;}
.bottomMenu dl dt a:hover,.bottomMenu dl dd a:hover{ color:#00734E;}
.bottomMenu dl dd,.bottomMenu dl dd a{ color:#999;}

.bottomMenu .bd{ display:inline-block; width:280px;}
.bottomMenu .bd p{ margin-bottom:10px;}

.footer{ background:#393939; color:#aaa; font-size:0.875em; padding:15px 0; border-top:1px #494949 solid;}
.footer a{ color:#fff;}
.footer a:hover{ color:#00734E;}
.footer .flogo{ float:left; border-right:1px #494949 solid; padding:0 20px 0 10px; margin-right:20px;}
.footer .fmenu{ float:left; padding-right:20px; margin-right:20px; font-size:12px; margin-top:5px;}
.footer .hd{float:right; }
.footer a.weibo{ background:url(../images/f_weibo.png) no-repeat center; border:1px #fff solid; display:inline-block; border-radius:50%; width: 40px; height:40px; text-indent:-9999px; margin-right:10px;}
.footer a.weibo:hover{ background:#f93 url(../images/f_weibo.png) no-repeat center; border:1px #f93 solid;}
.footer a.weixin{ background:url(../images/f_weixin.png) no-repeat center; border:1px #fff solid; display:inline-block; border-radius:50%; width: 40px; height:40px; text-indent:-9999px;}
.footer a.weixin:hover{ background:#2bad13 url(../images/f_weixin.png) no-repeat center; border:1px #2bad13 solid;}
@media (max-width:767px) {
.bottomMenu{ display:none;}
.footer{ border-top:2px #1b65b3 solid;}
.footer .flogo{ display:none;}
.footer .fmenu{ float:none; padding:0; margin:0; text-align:center;}
.footer .hd{float:none; text-align:center; margin-bottom:10px; }
}


.header{ border-top:2px #00734E solid; padding:5px 0;}
.logo{ float:left; padding-left:10px;}
.headrt{ float:right; min-width:360px; font-size:0.875em; padding-top:6px;}
.headrt .txt{ float:right; text-align:right; line-height:24px;}
.headrt .txt s{ display:inline-block; background:url(../images/dot_g.png) no-repeat center; width:30px; height:5px; vertical-align:middle;}
.headrt .t_weixin{ float:right; background:#a0a0a0 url(../images/t_weixin.png) no-repeat center; display:inline-block; border-radius:50%; width: 48px; height:48px; text-indent:-9999px; margin-left:20px;}
.headrt .t_weixin:hover{ background:#00734E url(../images/t_weixin.png) no-repeat center;}

.nav{ border-top:1px #e7e7e7 solid;}
.nav li{ float:left; width:12.5%; background:url(../images/navline.png) no-repeat right center; text-align:center; position:relative;}
.nav li:last-child { background:none;}
.nav li>a{ display:block; line-height:40px; font-size:0.875em; color:#666; border-bottom:2px #fafafa solid;}
.nav li>a:hover{color:#00734E;}
.nav li.hover>a{ border-bottom:2px #FF5B01 solid;}
.menu { display:none}
.nav li dl{ display:none;}
.nav li:hover dl{ display: block; position:absolute; top:42px; z-index:999; width:100%; text-align:center; opacity: 0.9;filter: alpha(opacity=90);}
.nav li:hover dl dd a{ display:block; background:#fafafa; line-height:30px; font-size:14px;}
.nav li:hover dl dd a:hover{ background:#00734E; color:#fff;}

@media (max-width:767px) {
.headrt { display:none;}
.nav li{ float:none; background:none; width:auto; text-align:left; border-bottom:1px #e7e7e7 solid;}
.nav li.hover>a{ border-bottom:none;}
.nav li dl{ display: block;}
.nav li:hover dl{ display: block; position: inherit; top: auto; width: auto; text-align: left; opacity: 1.0;filter: alpha(opacity=100);}
.nav li dl dd { border-top:1px #eee dashed;}
.nav li dl dd a{ display:block; background:#fafafa; line-height:30px;}
.nav a{ padding:0 20px;}
.nav li>a{ border-bottom: none;}
.nav li>a:hover{ background:#00734E; color:#fff;}

.menu { float:right; background:#eee url(../images/menu.png) no-repeat center; display: inline-block; width:40px; height:40px; text-indent:-9999px; margin:10px 10px 0 0;}
.menu:hover {background:#ddd url(../images/menu.png) no-repeat center;}
}

.notice{ background:#efefef; height:52px; position:relative; overflow:hidden; margin-bottom:20px;}
.notice h3{ background:url(../images/notice_title.png) no-repeat; display:inline-block; width:80px; padding-right:20px; line-height:52px; text-align:center; position:absolute; left:0; font-weight:normal;}
.notice .bd{ padding:0 60px 0 120px;}
.notice .bd a{
	font-size:1em;
	line-height:52px;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.notice .control{ display:inline-block; width:60px; height:26px; background-color:#eee; background-repeat:no-repeat; background-position:center; position:absolute; right:0; text-indent:-9999px;}
.notice .control:hover{ background-color:#e5e5e5;}
.notice .control_up{ background-image:url(../images/aoorw_up.png); top:0;}
.notice .control_down{ background-image:url(../images/aoorw_down.png); bottom:0;}

.index_products_title{ position:relative; background:url(../images/line02.png) repeat-x center; margin-bottom:20px;}
.index_products_title .control a{ display:inline-block; width:60px; height:60px;background-color:#fff; background-repeat:no-repeat; background-position:center; position:absolute;text-indent:-9999px;}
.index_products_title .control a:hover{ background-color:#efefef;}
.index_products_title .control_lt{ background-image:url(../images/jt_lt.png); right:60px;}
.index_products_title .control_rt{ background-image:url(../images/jr_rt.png); right:0; }
.index_products_title h2{ background:#fff; display:inline-block; padding:0 10px; font-weight:normal;}
.index_products_title h2 em{ font-size:16px; font-style:normal; display:block; line-height:24px;}
.index_products_title h2 strong{ font-style:28px; font-weight:normal; display:block; line-height:36px;}
@media (max-width:767px) {
.index_products_title h2 em{ font-size:12px; }
.index_products_title h2 strong{ font-style:18px;}
}

.index_case{}
.scroll2{width:1200px; overflow:hidden;}
.scroll2 .bd li{ text-align:center; float:left; width:220px; margin:0 10px;background:#fff;}
.scroll2 .bd li img{width:100%;border:#efefef 1px solid; padding:3px;}
.scroll{width:1200px; overflow:hidden;}
.scroll .bd li{ float:left; width:19%; overflow:hidden; margin:0 5px;}
.index_products{ margin-top:30px; margin-bottom:50px;}
.index_products a{ float:left; display:inline-block; width:100%%; margin:0.5% 0.5%; border:1px solid #00734E;}
.index_products a:hover{ background:#00734E; color:#fff;}
.index_products a .mp{ display:block; padding:1px;}
.index_products a .mp img{ width:100%; height:180px;}
.index_products a .mc{
	background:url(../images/line01.png) no-repeat 10px 48px;
	font-size:1em;
	line-height:52px;
	padding:10px;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media (max-width:767px) {
.index_products a{ float:left; display:inline-block; width:48.8%; margin:0.6%; background:#f2f2f2;}
}

.index_about{ background: url(../picture/abg.png) no-repeat center center #00734E; color:#fff;  position: relative;}
.index_about h2{ font-size:2.8em; font-weight:500; border-bottom:1px #fff solid; padding:30px 0; margin-bottom:20px; line-height:40px;}
.index_about .txt{ padding-right:35%;}
.index_about .bd{ font-size:0.875em; height:180px; overflow:hidden; margin-bottom:30px;}
.index_about .pic{ position:absolute; right:0; top:40px; width:33%;}
.index_about .pic img{ max-width:100%;}
.index_about_foot{ background:#00734E;}
.index_about_foot .wrap{ padding:20px 0; min-height:50px;}
.index_about_foot a{ display:inline-block; padding:5px 35px; background:#fff; text-align:center;border-radius:5px;}
.index_about_foot a:hover{ background:#fff;}
.index_about_foot a strong,.index_about_foot a em{ display:block;}
.index_about_foot a strong{ line-height:20px; color:#00734E;font-size:1em; font-weight:normal;}
.index_about_foot a em{ font-style:normal; font-weight:normal; font-size:0.75em; line-height:16px;}
@media (max-width:767px) {
.index_about h2{ line-height:2; text-align:center; padding:10px 0;}
.index_about .txt{ padding:0;}
.index_about .bd{ height: auto; overflow:hidden;}
.index_about .pic{ position: inherit; right:0; top: auto; width: auto; margin:20px auto; text-align:center;}
.index_about_foot .wrap{ text-align:center; padding:20px 0;}
.index_about_foot a{ padding:5px 20px;}
}

.advantage{ padding-top:50px; padding-bottom:50px; background:url(../images/timg.jpg) no-repeat center bottom;}
.advantage h2{ border-bottom:1px #e7e7e7 solid; line-height:2; text-align:center; margin-bottom:20px;}
.advantage .txt{ text-align: center; font-size:0.875em; margin-bottom:40px;}
.advantage .yslist { margin-bottom:20px;}
.advantage .yslist li{ float:left; display:inline-block; width:23.8%; margin:0.6%;background:#f2f2f2; text-align:center; cursor:pointer;}
.advantage .yslist a{ display:block; margin:1px; padding:15px; background:#fff;height:280px;}
.advantage .yslist a span{ display:block; line-height:1.6;}
.advantage .yslist a span.mp{ margin-bottom:20px;}
.advantage .yslist a span.mt{ font-size:1.5em;}
.advantage .yslist a span.mc{ font-size:0.875em; margin-top:1.5rem;}
@media (max-width:767px) {
.advantage .yslist li{ width:48.8%;}
}
@media (max-width:499px) {
.advantage .yslist li{ width:98.8%;}
}

.subtitle { line-height:40px;border-bottom:1px #e7e7e7 solid;}
.subtitle strong{ font-size:24px; color:#00734E; font-weight: bold; margin-right:5px;}
.subtitle em{ font-size:14px; font-style:normal; text-decoration:none; color:#00734E;}
.location{ float:right; font-size:14px; font-weight:normal; height:40px; line-height:40px; background:url(../images/home.png) no-repeat 0 15px; padding-left:20px;}
.location a{color:#FE4F00;margin-right:10px;}
.location a:hover{ color:#666;}
.location .act{ color:#000;}
.content{ padding:20px 0 50px;}
.article {line-height:1.7;}
.article .box h3 strong{ color:#00734E; font-weight:normal;}
.article .box .bd { padding:10px;}
.article p {line-height:1.7;}
.article ul li { list-style:disc; margin-left:25px;}
.article ol li { list-style:decimal; margin-left:25px;}

.article_title{color:#333; line-height:30px; font-weight: 600; margin:20px auto; text-align:center;}
.subtime{ color:#8c8c8c; font-size:12px; height:20px; line-height:20px; padding:0 0 10px; margin:0 10px; border-bottom:1px #e7e7e7 solid; position:relative; margin-bottom:20px;}
.subtime em{ font-size:12px; color:#999;}
.share{ line-height:1; position: absolute; right:0; top:-3px;}
.back{ text-align: right; font-size:12px; line-height:30px; clear:both; margin-top:30px;}
@media (max-width:767px) {
.location{ float:none;}
.article_title{ font-size:1.5em;}
.subtime{ text-align:center;}
.share{ display:none;}
}

.newsbox{ padding:20px 0; border-bottom:1px #e7e7e7 solid; position:relative;}
.newsbox a,.newsbox a span{display:block;}
.newsbox .pic{ width:200px; height:130px; overflow:hidden; position:absolute; top:20px; left:0;}
.newsbox .pic img{ width:200px; height:130px;}
.newsbox .txt{ padding-left:260px; height:130px;}
.newsbox .txt h4{
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	margin-bottom:6px;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.newsbox .txt h5{
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	height:66px;
	overflow:hidden;
	color:#777;
}
.newsbox .txt h6{
	font-size:14px; text-align:right;
	font-weight:normal;
	line-height:30px;
	height:30px;
	overflow:hidden;
	color: #CCC;
}
@media (max-width:539px) {
.newsbox .pic{ width: auto; height: auto; position: inherit; top: auto; left: auto; margin:0 auto 10px; text-align:center;}
.newsbox .pic img{ width:100%;height: auto;}
.newsbox .txt{ padding:0; height: auto; overflow: auto;}
}

.hlist{}
.hlist li { float:left; width:23%; height:250px; text-align:center; margin:1%;}
.hlist li a{ display:block; border:1px #e7e7e7 solid; padding:10px 0; font-size:14px;}
.hlist li a:hover{ border:1px #ccc solid; }
.hlist li span{ display:block;}
.hlist li .mp{ padding:0 10px;}
.hlist li .mp img{ width:100%;height:200px;}
.hlist li .mc{
	display:block;
	padding:0 5px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media (max-width:767px) {
.hlist li { float:left; width:48%; text-align:center; margin:1%;}
}

.joblist{ border-bottom:1px #e7e7e7 dashed; }
.joblist span{ _float:left; display:inline-block; text-align:center; line-height:40px; height:40px; overflow:hidden;}
.joblist span.p1{ width:30%; text-align:left;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.joblist span.p2{ width:13%;}
.joblist span.p3{ width:10%;}
.joblist span.p4{ width:12%;}
.joblist span.p5{ width:15%;}
.joblist span.p6{ width:10%;}
.joblist span.p6 a{color: #00734E; text-decoration:underline;}
.joblist span.p6 a:hover {color: #007cc2;}
@media (max-width:767px) {
.joblist{ background:url(../images/dot_g.png) no-repeat 3px center; padding-left:15px;}
.joblist_t{ display:none;}
.joblist span.p1{ display:block; width: auto; margin:auto;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.joblist span.p2, .joblist span.p3, .joblist span.p4, .joblist span.p5, .joblist span.p6{ display:none;}
}

.jobdetail{}
.jobdetail h4{ background:#f2f2f2; font-weight:normal; line-height:2.4; padding:0 10px; margin-bottom:10px;}
.dotted{ border-bottom:1px #ddd dotted;}
.jobdetail li { float:left; width:31%; padding-left:10px; line-height:40px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.jobdetail label { display:inline-block; color:#999;}
.jobdetail .bd { padding:10px 0;}
.jobdetail .bd label{ float:left; width:80px; padding:0 20px 0 10px;}
.jobdetail .bc{ float:left; padding:0 0 0 10px;}
@media (max-width:767px) {
.jobdetail li { float:none; width: auto; line-height:30px;}
}

.jobdetail p{ padding:10px;}


.submitTab{ width:100%;}
.submitTab td,.submitTab th{ padding:10px; vertical-align:top;}
.submitTab th{ width:90px; text-align:right; font-weight:normal; line-height:32px;}
.submitTab input{ width:200px; border:1px #e7e7e7 solid; padding:5px;}
.submitTab textarea{ width:600px; border:1px #e7e7e7 solid; height:120px; line-height:24px; padding:5px;}

@media (max-width:767px) {
.submitTab th{ width:60px; text-align:right; font-weight:normal; line-height:32px;}
.submitTab td,.submitTab th{ padding:10px 5px;}
.submitTab input{ width:100%; padding:0;}
.submitTab textarea{ width:100%; padding:0;}
.mobile-hide{ display:none;}
}

.partners {  border-top:1px #e7e7e7 solid; border-left:1px #e7e7e7 solid;}
.partners li{ float:left; width:33.2%; border-bottom:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid; text-align:center; height:60px; padding:25px 0;}
.partners li a{ display:block;}
.partners li img{ height:60px;}

@media (max-width:767px) {
.partners li{ float:none; width:auto;}
}

.probox{ padding:35px 0; position:relative;}
.content .probox:nth-child(2n)  { background:#f8f8f8;}
.probox h4{ line-height:40px; margin-bottom:20px;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.probox h5{ font-size:1em; line-height:30px; color:#00734E; font-weight:normal;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.probox h4 strong{ font-size:1.25em; font-weight:normal; color:#333; display:inline-block;}
.probox h4 span{ float:right;}
.probox h4 span s{ background:url(../images/product.png) no-repeat 0 0; display:inline-block; width:25px; height:25px; vertical-align:middle;}
.probox h4 span s.pro_ico1{ background-position:0 -50px;}
.probox h4 span s.pro_ico1a{ background-position:0 0;}
.probox h4 span s.pro_ico2{ background-position:-28px -50px;}
.probox h4 span s.pro_ico2a{ background-position:-28px 0;}
.probox h4 span s.pro_ico3{ background-position:-56px -50px;}
.probox h4 span s.pro_ico3a{ background-position:-56px 0;}
.probox h4 span s.pro_ico4{ background-position:-84px -50px;}
.probox h4 span s.pro_ico4a{ background-position:-84px 0;}
.probox h4 span s.pro_ico5{ background-position:-112px -50px;}
.probox h4 span s.pro_ico5a{ background-position:-112px 0;}
.probox h4 span s.pro_ico6{ background-position:-140px -50px;}
.probox h4 span s.pro_ico6a{ background-position:-140px 0;}
.probox h4 span s.pro_ico7{ background-position:-168px -50px;}
.probox h4 span s.pro_ico7a{ background-position:-168px 0;}
.probox h4 span s.pro_ico8{ background-position:-196px -50px;}
.probox h4 span s.pro_ico8a{ background-position:-196px 0;}
.probox h4 span s.pro_ico9{ background-position:-224px -50px;}
.probox h4 span s.pro_ico9a{ background-position:-224px 0;}
.probox h4 span s.pro_ico10{ background-position:-252px -50px;}
.probox h4 span s.pro_ico10a{ background-position:-252px 0;}
.probox h4 span s.pro_ico11{ background-position:-280px -50px;}
.probox h4 span s.pro_ico11a{ background-position:-280px 0;}
.probox h4 span s.pro_ico12{ background-position:-308px -50px;}
.probox h4 span s.pro_ico12a{ background-position:-308px 0;}

.probox .pic{ position:absolute; width:200px; height:200px; left:0;}
.probox .pic img{ width:100%;}
.probox .txt{ margin-left:220px;}
.probox .txt .bc{ float:left; font-size:0.875em; width:48%; margin:0 1%; color:#666;}
.probox .txt .bd{ line-height:24px; height:96px; overflow:hidden;}
.probox .txt .bc li{ line-height:23px; border-bottom:1px #e7e7e7 solid;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media (max-width:767px) {
.probox{ padding:25px 0;}
.probox h4 strong{ display:block; font-size:1.5em;}
.probox h4 span{ float: none;}
.probox .pic{ position: inherit; width:auto; height:auto; left: auto; margin-bottom:10px;}
.probox .txt{ margin: auto;}
.probox .txt .bc{ float: none; width: auto; margin:10px auto;}
.probox .txt .bd{ line-height:24px; height: auto;}
}

.pro_header{ background:url(../images/pro_bg.png) no-repeat center top; height:425px; padding:30px 0;}
.pro_header .pic{ position:absolute; left:0; width:390px; height:390px;}
.pro_header .pic img{ width:100%;}
.pro_header .txt{ margin-left:420px; display:block; background:url(../images/pro_bgt.png) repeat; color:#fff; padding:30px; overflow:hidden; line-height:24px;}
.pro_header .txt .bd{ font-size:14px; line-height:24px; height:144px; overflow:hidden; margin-bottom:6px;}
.pro_header .txt .bd p{line-height:24px;}
.pro_header .txt h3{ font-size:1.5em; color:#fff; line-height:30px; margin-bottom:10px;}
.pro_header .down{ margin-bottom:8px;}
.pro_header .down h4{font-size:1em; line-height:30px; color:#00734E;}
.pro_header .down li{ font-size:0.875em;}
.pro_header a{ color:#999;}
.pro_header a:hover{ color:#fff;}
.pro_header .contacts{ border-top:1px #666 solid; text-align:center; font-size:12px;}
.pro_header .contacts a{ display:inline-block; width:30%; margin:10px 1%; vertical-align:top;}
.pro_header .contacts .ico{ background:url(../images/contact-ico.png) no-repeat center 0; display:block; width:40px; height:40px; margin:0 auto;}
.pro_header .contacts a .ico1{ background-position: center 0;}
.pro_header .contacts a:hover .ico1{ background-position: center -40px;}
.pro_header .contacts a .ico2{ background-position: center -80px;}
.pro_header .contacts a:hover .ico2{ background-position: center -120px;}
.pro_header .contacts a .ico3{ background-position: center -160px;}
.pro_header .contacts a:hover .ico3{ background-position: center -200px;}

@media (max-width:767px) {
.pro_header{ background:none; height:auto;}
.pro_header .pic{ position: inherit; left: auto; width: auto; height: auto; margin-bottom:10px;}
.pro_header .txt{ margin: auto; display:block; background:#555; color:#fff; padding:10px; line-height:24px;}
.pro_header .txt .bd{height: auto; overflow:hidden; margin-bottom:6px;}
.pro_header .contacts a{ display:block; height:auto; width:auto; text-align:left; line-height:20px; font-size:14px; background:url(../images/ar22.png) no-repeat 0 center; padding-left:15px;}
.pro_header .contacts .ico{ display:none;}
}


.paper{ clear:both; text-align:center; padding:6px; margin-top:20px;}
.paper a{ display:inline-block; height:26px; line-height:26px; padding:0 12px; margin:0 2px; background:#fff; border:1px #e7e7e7 solid;}
.paper a:hover,.paper a.act{ color:#fff; font-weight: normal; background:#00734E;}
.paper a.prev,
.paper a.next{ width:2px !important; text-indent:-9999px;}
.paper a.prev{ background:url(../images/ar1.png) no-repeat center;}
.paper a.next{ background:url(../images/ar2.png) no-repeat center;}
.paper a.prev:hover{ background:#00734E url(../images/ar12.png) no-repeat center; border:1px #00734E solid;}
.paper a.next:hover{ background:#00734E url(../images/ar22.png) no-repeat center; border:1px #00734E solid;}

.content .pro_article{ padding:50px 0;}
.content .pro_article:nth-child(2n)  { background:#f1f1f1;}
@media (max-width:767px) {
.content .pro_article{ padding:25px 0;}
}